<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
    <link rel="icon" href="../images/favicon.ico">
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/bootstrap-zscool.css"/>
    <link rel="stylesheet" href="../css/animate.css">

    <title>zscool博客</title>
</head>
<body>

<!--导航-->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!--小屏幕导航按钮和logo-->
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand">zscool博客后台管理系统</a>
        </div>
        <!--小屏幕导航按钮和logo-->
        <!--导航-->
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        admin
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dLabel">
                        <li><a href="#"><span class="glyphicon glyphicon-screenshot"></span>&nbsp;&nbsp;前台首页</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;个人主页</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#"><span class="glyphicon glyphicon-off"></span>&nbsp;&nbsp;退出</a></li>

                    </ul>
                </li>
            </ul>
        </div>
        <!--导航-->

    </div>
</nav>
<!--导航结束-->


<!-- 主体内容 -->
<div class="container" style="margin-top: 80px;">
    <div class="row">
        <div class="col-md-3">
            <div class="list-group">
                <a href="#" class="list-group-item active">
                    Cras justo odio
                </a>
                <a href="#" class="list-group-item">后台首页</a>
                <a href="#" class="list-group-item">用户管理</a>
                <a href="#" class="list-group-item">文章管理</a>
                <a href="#" class="list-group-item">个人设置</a>
            </div>
        </div>
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-heading">网站数据统计</div>
                <div class="panel-body">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>统计项目</th>
                            <th>今日</th>
                            <th>昨日</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th scope="row">注册会员</th>
                            <td>200</td>
                            <td>400</td>
                        </tr>
                        <tr>
                            <th scope="row">登录会员</th>
                            <td>4100</td>
                            <td>5112</td>
                        </tr>
                        <tr>
                            <th scope="row">今日发帖</th>
                            <td>1540</td>
                            <td>4511</td>
                        </tr>
                        <tr>
                            <th scope="row">转载次数</th>
                            <td>150</td>
                            <td>110</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>


    </div>

</div> <!-- /container -->



<!-- 页脚 版权声明 -->
<footer class="blog-footer">
    <p>个人版权所有,转载请注明出处！</p>
    <p> 工信部备案号： <a href="http://www.miitbeian.gov.cn/">京ICP备18058810号</a></p>
    <p> 联系方式：qq:617116070    邮箱：617116070@qq.com </p>
<p>
    <a href="#">回到顶部</a>
</p>
</footer>


<!-- 背景 -->
<div class="login_bg"></div>



<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/zscool.js"></script>
<script src="../js/wow.min.js"></script>
<script>
    $(function () {
        new WOW().init();
    })
</script>
</body>
</html>